<template>
    <div style="width: 100vw;height: 100vh;display: flex;flex-direction: row;">
        <div style="flex: 0 0 12.5%;overflow-y: auto; overflow-x: hidden;">
            <Menu :menuList="menuList" mode="vertical" :defaultActive="$route.path"></Menu>
        </div>
        <div style="flex: 1;">
            <router-view></router-view>
        </div>
    </div>
</template>
<script>
    import Menu from "@/components/menu/Menu.vue";

    export default {
        components: {
            Menu,
        },
        data() {
            return {
                menuList: [
                    {
                        name: "首页",
                        id: "-1",
                        parentId: "0",
                        url: "/test000/homeIndex",
                    },
                    {
                        name: "登录",
                        id: "1",
                        parentId: "0",
                        url: "/test001/login",
                        blank: true,
                    },
                    {
                        name: "菜单",
                        id: "2",
                        parentId: "0",
                        url: "/test002/homeIndex",
                        blank: true,
                    },
                    {
                        name: "bigemap",
                        id: "3",
                        parentId: "0",
                        children: [
                            {
                                name: "简单示例",
                                id: "3-1",
                                parentId: "3",
                                url: "/test003/Bigemap001",
                            },
                            {
                                name: "图层",
                                id: "3-2",
                                parentId: "3",
                                url: "/test003/Bigemap002",
                            },
                            {
                                name: "轨迹回放",
                                id: "3-3",
                                parentId: "3",
                                url: "/test003/Bigemap003",
                            },
                            {
                                name: "绘制API",
                                id: "3-4",
                                parentId: "3",
                                url: "/test003/Bigemap004",
                            },
                            {
                                name: "多echart",
                                id: "3-5",
                                parentId: "3",
                                url: "/test003/Bigemap005",
                            },
                            {
                                name: "单echart",
                                id: "3-6",
                                parentId: "3",
                                url: "/test003/Bigemap006",
                            },
                            {
                                name: "绘制实例",
                                id: "3-7",
                                parentId: "3",
                                url: "/test003/Bigemap007",
                            },
                        ]
                    },
                    {
                        name: "弹窗",
                        id: "4",
                        parentId: "0",
                        children: [
                            {
                                name: "无标题div弹窗",
                                id: "4-1",
                                parentId: "4",
                                url: "/test004/dialog001",
                            },
                            {
                                name: "有标题div弹窗",
                                id: "4-2",
                                parentId: "4",
                                url: "/test004/dialog002",
                            },
                        ]
                    },
                    {
                        name: "G6-API学习",
                        id: "5",
                        parentId: "0",
                        children: [
                            {
                                name: "点学习",
                                id: "5-1",
                                parentId: "5",
                                url: "/test005/T001",
                            },
                        ]
                    },
                    {
                        name: "百度地图",
                        id: "6",
                        parentId: "0",
                        children: [
                            {
                                name: "简单示例",
                                id: "6-1",
                                parentId: "6",
                                url: "/test006/T001",
                            },
                            {
                                name: "绘制地图",
                                id: "6-2",
                                parentId: "6",
                                url: "/test006/T002",
                            },
                            {
                                name: "轨迹回放",
                                id: "6-3",
                                parentId: "6",
                                url: "/test006/T003",
                            },
                        ]
                    },

                    {
                        name: "拓扑图",
                        id: "8",
                        parentId: "0",
                        children: [
                            {
                                name: "简易拓扑图",
                                id: "8-1",
                                parentId: "8",
                                url: "/test008/T001",
                            },
                            {
                                name: "jtopo",
                                id: "8-2",
                                parentId: "8",
                                children: [
                                    {
                                        name: "001",
                                        id: "8-2-1",
                                        parentId: "8-2",
                                        url: "/test008/T002",
                                    },
                                    {
                                        name: "002",
                                        id: "8-2-2",
                                        parentId: "8-2",
                                        url: "/test008/T003",
                                    },
                                    {
                                        name: "003",
                                        id: "8-2-3",
                                        parentId: "8-2",
                                        url: "/test008/T004",
                                    },
                                    {
                                        name: "004",
                                        id: "8-2-4",
                                        parentId: "8-2",
                                        url: "/test008/T005",
                                    },
                                ],
                            },
                            {
                                name: "vue-echart",
                                id: "8-3",
                                parentId: "8",
                                children:[
                                    {
                                        name: "001",
                                        id: "8-3-1",
                                        parentId: "8-3",
                                        url: "/test008/T006",
                                    },
                                    {
                                        name: "002",
                                        id: "8-3-2",
                                        parentId: "8-3",
                                        url: "/test008/T007",
                                    },
                                ]
                            },
                        ],
                    },
                ]
            }
        },
    }
</script>